<template>
    <el-drawer v-model="table" title="编辑折叠面板" direction="rtl" size="50%" v-on:close="Load()">
        <el-form :model="form" label-width="120px">
            <el-form-item label="折叠面板标题">
                <el-input v-model="table.data.collapse_title" />
            </el-form-item>
            <el-form-item label="折叠面板内容">
                <el-input v-model="table.data.collapse_content" type="textarea" />
            </el-form-item>
        </el-form>
        <el-button type="success" v-on:click="Edit()">编辑</el-button>
    </el-drawer>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import { Load } from '../../../style.js'
import {EditCollapse} from '../../../service/Collapse.js'



const props = defineProps({
    data: Object,
})

const table = ref(props)
const form = ref()





const Edit = () =>{
    const data = {Id:props.data.collapse_id,title:props.data.collapse_title,content:props.data.collapse_content}
    EditCollapse(data).then((res)=>{
   
    })
}
</script>
<script>
</script>